$('body').css('background','#363636');
var opt = {'width':1000,'height':500,'interval':1000/30,'time_limit':30,'fps':true};
var p = new Pulsar('div_canvas',opt);
p.addLayer('back',5);//.addObject('obj1','image');
var l1 = p.getLayer('back');
//var img2 = l1.addObject('obj2','image');
//var img3 = l1.addObject('obj3','image');

  var img2 = l1.addObject('obj','image');
  //img2.moveTo(900,100,7000);
  img2.setXY(0,100,100,100,0,0,100,100);
  img2.addAnimation('run1',1,13);
  img2.addAnimation('run2',2,13);
  img2.addAnimation('start',3,6,[1,2,3,4,5,6]);
  img2.addAnimation('jump',4,8);
  img2.addAnimation('fall1',5,8);
  img2.addAnimation('fall2',6,8);
  img2.addAnimation('fall3',7,6,[2,2,2,4,4,4]);
  img2.addAnimation('finish',8,13);
  img2.runAnimation('start',1);
  img2.img('pics/sprites.png');//.setXY(0,0).sx=1;
  img2.addNextAction({'animation':'run2','iter':3,'move':{'x':900,'y':100,'time':7000}});
  img2.addNextAction({'animation':'jump','iter':1});
  img2.addNextAction({'animation':'run2','iter':3});
  img2.addNextAction({'animation':'fall1','iter':1});
  img2.addNextAction({'animation':'run2','iter':2});
  img2.addNextAction({'animation':'fall2','iter':1});
  img2.addNextAction({'animation':'run2','iter':2});
  img2.addNextAction({'animation':'fall3','iter':1});
  img2.addNextAction({'animation':'run1','iter':2});
  img2.addNextAction({'animation':'finish','iter':1});

  var img3 = l1.addObject('obj2','image');
  img3.setXY(0,300,100,100,0,0,100,100);
  img3.img('pics/sprites.png');
  img3.addAnimation('run1',1,13);
  img3.addAnimation('run2',2,13);
  img3.addAnimation('start',3,6,[1,2,3,4,5,6]);
  img3.addAnimation('jump',4,8,[2,2,2,2,2,2,2,2]);
  img3.addAnimation('fall1',5,8);
  img3.addAnimation('fall2',6,8);
  img3.addAnimation('fall3',7,6,[2,2,2,4,4,4]);
  img3.addAnimation('finish',8,13);
  img3.runAnimation('start',-1);

l1.x = 0;
l1.y = 0;
//img1.moveTo(400,400,3000);
//img2.moveTo(100,400,3000);
//img3.moveTo(400,100,3000);
//img1.angle = 45;
//img1.img('pics/1.jpg').setXY(0,0).sx=1;
//img2.img('pics/1.jpg').setXY(0,0).sx=1;
//img3.img('pics/1.jpg').setXY(0,0).sx=1;

/*
p.addLayer('l1',5).x = 50;
p.addLayer('l2',10);
var rob = p.getLayer('l1').setIndex(15).addObject('robot','image');
rob.essence.angle = 90;
rob.img('pics/robot1.png');
rob.setXY(0,0,24,24,0,0,32,32).addAnimation('normal',2,2);
p.getLayer('l2').addObject('img2','image',1).img('pics/brick1.jpg');
var table = p.getLayer('l2').addObject('back','table');


table.setTable([
[1,1,1,1,2,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,2,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,2,2],
[1,1,1,1,1,1,1,1,1,2,1,1,1,1,1,1,1,1,1,2],
]).setCells({2:'black',1:p.getLayer('l2').getObject('img2').setXY(0,0,24,24,70,48,30,30)});//
p.getLayer('l2').getObject('img2').addAnimation('normal',2,6);
p.addFunction(function(p){
	var l =p.getLayer('l1');
	var rob = l.getObject('robot');
	//var xx = rob.get('x')+p.time/1000;
	//if( xx > 400) xx = 1;
	//rob.set('x',xx);
	if(p.time == 150) rob.rotate(-360,1000);
	if(p.time == 1150) rob.rotate(1080,3000);
	if(p.time == 500) rob.moveTo(160,160,1000);
	if(p.time == 1600) rob.moveTo(0,0,1000);
	if(p.time == 3000) rob.moveTo(5,100,1000).runAnimation('normal',-5);
	var rob2 = p.getLayer('l2').getObject('img2');
	var back = p.getLayer('l2').getObject('back');
	if(p.time == 1000) rob2.runAnimation('normal',-5);
	if(p.time == 2000) rob2.stopAnimation();
	if(p.time == 2050) rob2.rotate(-360,1000);
	if(p.time == 3050) back.rotate(-360,5000);
	
});*/

p.draw();